<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/page1.css" media="screen" title="no title">
    <link rel="stylesheet" href="css/animate.css" media="screen" title="no title">
    <link rel="stylesheet" href="css/header.css" media="screen" title="no title">
    <link rel="stylesheet" href="css/footer.css" media="screen" title="no title">
    <title>宠物大全</title>
  </head>
  <style media="screen">
  .nav{
   width: 100%;
   height: 40px;
   background: rgb(255, 102, 85);
 }
  .nav ul{
   width: 1180px;
   height: 100%;
   margin: auto;
 }
 .nav ul li{
   display: inline-block;
   float: left;
   border-left: 2px solid rgb(227, 83, 66);
 }
 .nav ul li:hover{
   background: rgb(238, 85, 68);
 }
 .nav ul li a{
   height: 40px;
   font-size: 1.2rem;
   color: white;
   line-height: 40px;
   text-decoration: none;
   display: inline-block;
   padding: 0px 20px;
 }
  </style>
  <body>
    <div class="header">
        <div class="head">
            <ul class="firstHead">
                <li><a href="index.html" target="_blank">波奇首页</a></li>
                <li><a href="shop.html" target="_blank">波奇商城</a></li>
                <li><a href="serve.html" target="_blank">波奇服务</a></li>
                <li><a href="message.html" target="_blank">波奇论坛</a></li>
                <li><a href="cyclopedia.html" target="_blank">宠物百科</a></li>
            </ul>
            <ul class="attention">
                <li><a href="#">关注我们<span><img src="" alt="" /></span></a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#"><span><img src="" alt="" /></span>收藏</a></li>
            </ul>
            <ul class="register">
                <li><a href="login.html" target="_blank">登陆</a></li>
                <li><a href="script:;">|</a></li>
                <li><a href="register.html" target="_blank">免费注册</a></li>
            </ul>
            <ul class="userLogin">
                <li>
                    <a href="script:;" id="userName"></a>
                </li>
                <li>|</li>
                <li><a href="script:;" id="quit">退出</a></li>
            </ul>

        </div>
    </div>
    <div class="navigation">
      <div class="logo">
        <img src="source/images/logo_baike.gif" alt="" />
      </div>
      <div class="serch">
          <input id="keyword" type="text" name="name" value="" placeholder="请输入关键字">
          <img id="search" src="source/images/ind_sch.png" alt="" />
      </div>
      <div class="app">
        <a href="#"><img src="source/images/app.jpeg" alt="" /></a>
      </div>
    </div>
    <div class="nav">
      <ul>
        <li><a href="cyclopedia.html">首页</a></li>
        <li><a href="#dog">狗狗</a></li>
        <li><a href="#cat">猫咪</a></li>
        <li><a href="#other">小虫爬虫水族</a></li>
        <!-- <li><a href="#">水族</a></li>
        <li><a href="#">爬虫</a></li> -->
      </ul>
    </div>
    <div class="content">
      <div class="content_head">
        <span><a href="cyclopedia.html">首页</a>>宠物大全</span>
      </div>
      <div class="dog">
        <div class="dog_head">
          <img src="source/images/img/dog_head.png" alt="" /><span class="title">
            狗狗
          </span>
          <div class="other">
            <span><a href="#">更多 »</a></span>
          </div>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名:金毛犬 </span>
            <span>英文名：Golden Retriever</span>
            <span>市场价格：800-3000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/001.png" alt="" />
          </div>
          <span class="name">金毛犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：罗威纳犬 </span>
            <span>英文名：Rottweiler</span>
            <span>市价：3500左右</span>
          </div>
          <div class="img">
            <img src="source/images/img/002.jpeg" alt="" />
          </div>
          <span class="name">罗威纳犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：哈士奇 </span>
            <span>英文名：Siberian Huskiy</span>
            <span>市价：2000-4000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/003.png" alt="" />
          </div>
          <span class="name">哈士奇</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：博美犬 </span>
            <span>英文名：Pomeranian</span>
            <span>市价：1000-3000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/004.png" alt="" />
          </div>
          <span class="name">博美犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：阿拉斯加雪橇犬 </span>
            <span>英文名：Alaskan Malamute</span>
            <span>市价：3000起</span>
          </div>
          <div class="img">
            <img src="source/images/img/005.jpeg" alt="" />
          </div>
          <span class="name">阿拉斯加雪橇犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：拉布拉多猎犬 </span>
            <span>英文名：Labrador</span>
            <span>市价：1000-3000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/006.png" alt="" />
          </div>
          <span class="name">拉布拉多猎犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：法老王猎犬 </span>
            <span>英文名：Pharaoh Hound</span>
            <span>市价：  </span>
          </div>
          <div class="img">
            <img src="source/images/img/007.jpeg" alt="" />
          </div>
          <span class="name">法老王猎犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：边境牧羊犬</span>
            <span>英文名：Border Collie</span>
            <span>市价：2000-4000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/008.png" alt="" />
          </div>
          <span class="name">边境牧羊犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：柴犬</span>
            <span>英文名：Shiba inu</span>
            <span>市场价格： </span>
          </div>
          <div class="img">
            <img src="source/images/img/009.jpeg" alt="" />
          </div>
          <span class="name">柴犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：泰迪犬</span>
            <span>英文名：Poodle|Caniche</span>
            <span>市场价格：   </span>
          </div>
          <div class="img">
            <img src="source/images/img/010.jpeg" alt="" />
          </div>
          <span class="name">泰迪犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：贵宾犬</span>
            <span>英文名：Poodle</span>
            <span>市价：1000-7000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/011.png" alt="" />
          </div>
          <span class="name">贵宾犬</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：比熊犬</span>
            <span>英文名：Bichon Frise</span>
            <span>市价：1000-3000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/012.png" alt="" />
          </div>
          <span class="name">比熊犬</span>
        </div>
      </div>
      <div class="dog">
        <div class="dog_head">
          <img src="source/images/img/cat_head.png" alt="" /><span class="title">
            猫猫
          </span>
          <div class="other">
            <span><a href="#">更多 »</a></span>
          </div>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：布偶猫</span>
            <span>英文名：Ragdoll</span>
            <span>市价：宠物级:8000-18000<br> 赛级: 18000-25000</span>
          </div>
          <div class="img">
            <img src="source/images/img/013.jpeg" alt="" />
          </div>
          <span class="name">布偶猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：英国短毛猫</span>
            <span>英文名：British Shorthair</span>
            <span>市价：5000--10000</span>
          </div>
          <div class="img">
            <img src="source/images/img/014.jpeg" alt="" />
          </div>
          <span class="name">英国短毛猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：中国狸花猫</span>
            <span>英文名：Dragon Li</span>
            <span>市价：2000--5000</span>
          </div>
          <div class="img">
            <img src="source/images/img/015.jpeg" alt="" />
          </div>
          <span class="name">中国狸花猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：异国短毛猫</span>
            <span>英文名：Exotic Shorthair</span>
            <span>市价：3500--12000</span>
          </div>
          <div class="img">
            <img src="source/images/img/016.png" alt="" />
          </div>
          <span class="name">异国短毛猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：波斯猫</span>
            <span>英文名：Persian</span>
            <span>市价：4000--20000</span>
          </div>
          <div class="img">
            <img src="source/images/img/017.png" alt="" />
          </div>
          <span class="name">波斯猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：美国短毛猫 </span>
            <span>英文名： </span>
            <span>市价： </span>
          </div>
          <div class="img">
            <img src="source/images/img/018.jpeg" alt="" />
          </div>
          <span class="name">美国短毛猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：暹罗猫</span>
            <span>英文名：Siamese</span>
            <span>市价：500-1500</span>
          </div>
          <div class="img">
            <img src="source/images/img/019.jpeg" alt="" />
          </div>
          <span class="name">暹罗猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：加拿大无毛猫</span>
            <span>英文名：Sphynx</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/020.jpeg" alt="" />
          </div>
          <span class="name">加拿大无毛猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：苏格兰折耳猫</span>
            <span>英文名：Scottish Fold</span>
            <span>市价：8000--20000</span>
          </div>
          <div class="img">
            <img src="source/images/img/021.png" alt="" />
          </div>
          <span class="name">苏格兰折耳猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：俄罗斯蓝猫</span>
            <span>英文名：Russian Blue</span>
            <span>市场价格：   </span>
          </div>
          <div class="img">
            <img src="source/images/img/022.jpeg" alt="" />
          </div>
          <span class="name">俄罗斯蓝猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：斯芬克斯猫</span>
            <span>英文名：Canadian Hairless</span>
            <span>市价：20000以上</span>
          </div>
          <div class="img">
            <img src="source/images/img/023.jpeg" alt="" />
          </div>
          <span class="name">斯芬克斯猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：卡尔特猫</span>
            <span>英文名：Chartreux</span>
            <span>市价：10000以上</span>
          </div>
          <div class="img">
            <img src="source/images/img/024.jpeg" alt="" />
          </div>
          <span class="name">卡尔特猫</span>
        </div>
      </div>
      <div class="dog">
        <div class="dog_head">
          <img src="source/images/img/37.png" alt="" /><span class="title">
            小宠
          </span>
          <div class="other">
            <span><a href="#">更多 »</a></span>
          </div>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：狨猴</span>
            <span>英文名：Marmoset</span>
            <span>市场价格： </span>
          </div>
          <div class="img">
            <img src="source/images/img/025.jpeg" alt="" />
          </div>
          <span class="name">狨猴</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：小葵花凤头鹦鹉</span>
            <span>英文名：Yellow-crested Cockatoo</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/026.jpeg" alt="" />
          </div>
          <span class="name">小葵花凤头鹦鹉</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：虎皮鹦鹉</span>
            <span>英文名：Budgerigar</span>
            <span>市价： </span>
          </div>
          <div class="img">
            <img src="source/images/img/027.jpeg" alt="" />
          </div>
          <span class="name">虎皮鹦鹉</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：安哥拉兔</span>
            <span>英文名：Angora</span>
            <span>市价：500元左右</span>
          </div>
          <div class="img">
            <img src="source/images/img/028.jpeg" alt="" />
          </div>
          <span class="name">安哥拉兔</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：布丁仓鼠</span>
            <span>英文名：Cricetidae</span>
            <span>市价： </span>
          </div>
          <div class="img">
            <img src="source/images/img/029.jpeg" alt="" />
          </div>
          <span class="name">布丁仓鼠</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：垂耳兔 </span>
            <span>英文名： </span>
            <span>市价：80~150元</span>
          </div>
          <div class="img">
            <img src="source/images/img/030.png" alt="" />
          </div>
          <span class="name">垂耳兔</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：指猴 </span>
            <span>英文名：aye-aye</span>
            <span>市价：  </span>
          </div>
          <div class="img">
            <img src="source/images/img/031.jpeg" alt="" />
          </div>
          <span class="name">指猴</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：八哥鸟</span>
            <span>英文名：Acridotherescristatellus</span>
            <span>市价：25—100</span>
          </div>
          <div class="img">
            <img src="source/images/img/032.jpeg" alt="" />
          </div>
          <span class="name">八哥鸟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：标准灰龙猫</span>
            <span>英文名： </span>
            <span>市场价格： </span>
          </div>
          <div class="img">
            <img src="source/images/img/033.jpeg" alt="" />
          </div>
          <span class="name">标准灰龙猫</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：奶茶仓鼠</span>
            <span>英文名：</span>
            <span>市场价格：20-100</span>
          </div>
          <div class="img">
            <img src="source/images/img/034.jpeg" alt="" />
          </div>
          <span class="name">奶茶仓鼠</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：相思鸟</span>
            <span>英文名：Leiothrix argentauris</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/035.jpeg" alt="" />
          </div>
          <span class="name">相思鸟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：三线仓鼠</span>
            <span>英文名：Dwarf Winter White Russian Hamster</span>
            <span>市价： </span>
          </div>
          <div class="img">
            <img src="source/images/img/036.jpeg" alt="" />
          </div>
          <span class="name">三线仓鼠</span>
        </div>
      </div>
      <div class="dog">
        <div class="dog_head">
          <img src="source/images/img/061.png" alt="" /><span class="title">
            水族
          </span>
          <div class="other">
            <span><a href="#">更多 »</a></span>
          </div>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：金龙鱼</span>
            <span>英文名： </span>
            <span>市场价格： </span>
          </div>
          <div class="img">
            <img src="source/images/img/037.jpeg" alt="" />
          </div>
          <span class="name">金龙鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：鹦鹉鱼</span>
            <span>英文名：Blood parrot</span>
            <span>市价：3500左右</span>
          </div>
          <div class="img">
            <img src="source/images/img/038.jpeg" alt="" />
          </div>
          <span class="name">鹦鹉鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：过背金龙</span>
            <span>英文名：Malayan Golden Arawana</span>
            <span>市价： </span>
          </div>
          <div class="img">
            <img src="source/images/img/039.jpeg" alt="" />
          </div>
          <span class="name">过背金龙</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：银龙鱼</span>
            <span>英文名：Osteoglossum bicirrhosum</span>
            <span>市价： </span>
          </div>
          <div class="img">
            <img src="source/images/img/040.jpeg" alt="" />
          </div>
          <span class="name">银龙鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：成吉思汗鱼</span>
            <span>英文名：pangasius sanitwongsei</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/041.jpeg" alt="" />
          </div>
          <span class="name">成吉思汗鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：印尼虎鱼</span>
            <span>英文名：</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/042.jpeg" alt="" />
          </div>
          <span class="name">印尼虎鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：招财鱼</span>
            <span>英文名：osphronemus goramy</span>
            <span>市价：  </span>
          </div>
          <div class="img">
            <img src="source/images/img/043.jpeg" alt="" />
          </div>
          <span class="name">招财鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：龙鱼</span>
            <span>英文名：</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/044.jpeg" alt="" />
          </div>
          <span class="name">龙鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：血红龙</span>
            <span>英文名：Scleropages formosus</span>
            <span>市场价格： </span>
          </div>
          <div class="img">
            <img src="source/images/img/045.jpeg" alt="" />
          </div>
          <span class="name">血红龙</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：青龙鱼</span>
            <span>英文名：Green Arowana</span>
            <span>市场价格：   </span>
          </div>
          <div class="img">
            <img src="source/images/img/046.jpeg" alt="" />
          </div>
          <span class="name">青龙鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：孔雀鱼</span>
            <span>英文名：guppy</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/047.jpeg" alt="" />
          </div>
          <span class="name">孔雀鱼</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：宝莲灯鱼</span>
            <span>英文名：Cheirodco axclrodi</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/048.jpeg" alt="" />
          </div>
          <span class="name">宝莲灯鱼</span>
        </div>
      </div>
      <div class="dog">
        <div class="dog_head">
          <img src="source/images/img/062.png" alt="" /><span class="title">
            爬虫
          </span>
          <div class="other">
            <span><a href="#">更多 »</a></span>
          </div>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：金钱龟</span>
            <span>英文名：Cuora trifasciata</span>
            <span>市场价格：</span>
          </div>
          <div class="img">
            <img src="source/images/img/049.jpeg" alt="" />
          </div>
          <span class="name">金钱龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：大鳄龟</span>
            <span>英文名：Macroclemystemminckii</span>
            <span>市价：800~1200元</span>
          </div>
          <div class="img">
            <img src="source/images/img/050.png" alt="" />
          </div>
          <span class="name">大鳄龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：豹纹陆龟</span>
            <span>英文名：Geochelone pardalis</span>
            <span>市价：2000元左右</span>
          </div>
          <div class="img">
            <img src="source/images/img/051.jpeg" alt="" />
          </div>
          <span class="name">豹纹陆龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：黄头侧颈龟</span>
            <span>英文名：Yellow-spotted Amazonriver turtle</span>
            <span>市价：市价：100元以上</span>
          </div>
          <div class="img">
            <img src="source/images/img/052.jpeg" alt="" />
          </div>
          <span class="name">黄头侧颈龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：蛋龟</span>
            <span>英文名：</span>
            <span>市价：根据不同的品种，价格差异较大</span>
          </div>
          <div class="img">
            <img src="source/images/img/053.jpeg" alt="" />
          </div>
          <span class="name">蛋龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：中华草龟 </span>
            <span>英文名：Chinese pond turtle</span>
            <span>市价：20~50元</span>
          </div>
          <div class="img">
            <img src="source/images/img/054.jpeg" alt="" />
          </div>
          <span class="name">中华草龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：黄喉拟水龟</span>
            <span>英文名：Asian Yellow Pond Turtle</span>
            <span>市价：500~1000元</span>
          </div>
          <div class="img">
            <img src="source/images/img/055.jpeg" alt="" />
          </div>
          <span class="name">黄喉拟水龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：巴西红耳龟</span>
            <span>英文名：Trachemys scripta elegans</span>
            <span>市价：便宜，小的也就几块钱</span>
          </div>
          <div class="img">
            <img src="source/images/img/056.jpeg" alt="" />
          </div>
          <span class="name">巴西红耳龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：赤练蛇</span>
            <span>英文名：Lycodon rufozonatus</span>
            <span>市场价格： </span>
          </div>
          <div class="img">
            <img src="source/images/img/057.jpeg" alt="" />
          </div>
          <span class="name">赤练蛇</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：中华石龙子</span>
            <span>英文名：Chinese skink</span>
            <span>市价：100~500元</span>
          </div>
          <div class="img">
            <img src="source/images/img/058.jpeg" alt="" />
          </div>
          <span class="name">中华石龙子</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：枫叶龟</span>
            <span>英文名：Black-breatsed Leaf Turtle</span>
            <span>市价：100~500元</span>
          </div>
          <div class="img">
            <img src="source/images/img/059.jpeg" alt="" />
          </div>
          <span class="name">枫叶龟</span>
        </div>
        <div class="box">
          <div class="intro">
            <span>中文名：加拉帕戈斯象龟</span>
            <span>英文名：Galapagos Giant Tortoise</span>
            <span>市价：</span>
          </div>
          <div class="img">
            <img src="source/images/img/060.jpeg" alt="" />
          </div>
          <span class="name">加拉帕戈斯象龟</span>
        </div>
      </div>
    </div>
    <div class="footer">
       <ul>
         <li><a href="#">关于我们</a></li>|
         <li><a href="#">友情链接</a></li>|
         <li><a href="#">诚聘英才</a></li>|
         <li><a href="#">联系我们</a></li>|
         <li><a href="#">网站地图</a></li>|
         <li><a href="#">意见反馈</a></li>|
         <li><a href="#">帮助中心</a></li>|
         <li><a href="#">客服热线：123456789</a></li>
       </ul>
       <p>
         Copyright © 2007-2016 Boqii.com All Rights Reserved 光橙（上海）信息科技有限公司 版权所有 沪ICP备13034501号-2 增值电信业务经营许可证：沪B2-20140120
       </p>
       <p class="href">
          <a href="http://www.sgs.gov.cn/"><img src="source/images/foot_gs.png" alt="" /></a>
          <a href="#"><img src="source/images/foot_cx.png" alt="" /></a>
          <a href="#"><img src="source/images/foot_kx.png" alt="" /></a>
          <a href="#"><img src="source/images/foot_zx.png" alt="" /></a>
       </p>
    </div>
  </body>
</html>
<script type="text/javascript">
var register = document.getElementsByClassName("register")[0];
var userLogin =document.getElementsByClassName("userLogin")[0];
var userName = document.getElementById("userName");
var quit = document.getElementById("quit");
window.ready = readStorage();
setInterval(readStorage,2000);
//读取storage的数据
function readStorage(){
  var storage = window.localStorage;
  if (typeof(storage["user"])=='undefined') {
    register.style.display ="inline-block";
    userLogin.style.display = "none";
     return false;
  }else if(storage["user"]==""){
    register.style.display ="inline-block";
    userLogin.style.display = "none";
     return false;
  }else {
    var myDate =  new Date();
    var currenTime = myDate.getTime();
    if (currenTime >= Number(storage["userTime"])+3600000) {
      storage["user"] =="";
    }else {
        register.style.display ="none";
        userLogin.style.display = "inline-block";
        userName.innerText = storage["user"];
    }

  }
}
quit.onclick = function (){
  var storage = window.localStorage;
  register.style.display ="inline-block";
  userLogin.style.display = "none";
  storage["user"] = "";
}

var keyword = document.getElementById("keyword");
var search = document.getElementById("search");
search.onclick = function () {
  if (!keyword.value) {
    keyword.focus();
  }else{
    window.open('wares.html?'+keyword.value);
  }
}
</script>
